	<div class="row ">
    		<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
    <h1 class="page-title txt-color-blueDark"> 
				<i class="fa fa-fw fa fa-home"></i>
 其他页
			<span>
    > 个人中心 
</span>
		
</h1>
</div>

			<div class="col-xs-12 col-sm-5 col-md-5 col-lg-8">
    		<ul id="sparks" >
    			<li class="sparks-info">
    				 <h5> 个人收入 <span class="txt-color-blue">$47,171</span></h5>
				<div class="sparkline txt-color-blue hidden-mobile hidden-md hidden-sm">
    					1300, 1877, 2500, 2577, 2000, 2100, 3000, 2700, 3631, 2471, 2700, 3631, 2471
				
</div>
			
</li>
			<li class="sparks-info">
    				<h5> 站点流量 <span class="txt-color-purple"><i class="fa fa-arrow-circle-up" data-rel="bootstrap-tooltip" title="Increased"></i>&nbsp;45%</span></h5>
				<div class="sparkline txt-color-purple hidden-mobile hidden-md hidden-sm">
    					110,150,300,130,400,240,220,310,220,300, 270, 210
				
</div>
			
</li>
			<li class="sparks-info">
    				<h5> 站点营收 <span class="txt-color-greenDark"><i class="fa fa-shopping-cart"></i>&nbsp;2447</span></h5>
				<div class="sparkline txt-color-greenDark hidden-mobile hidden-md hidden-sm">
    					110,150,300,130,400,240,220,310,220,300, 270, 210
				
</div>
			
</li>
		
</ul>
	
</div>
	
</div>

<div class="row"> 
<div class="col-sm-12">  
<div class="well well-sm"> 
	<div class="row"> 
		<div class="col-sm-12 col-md-12 col-lg-6">
			<div class="well well-light well-sm no-margin no-padding"> 
				<div class="row"> 
					<div class="col-sm-12">
						<div id="carousel" class="carousel fade profile-carousel">
    							<div class="air air-bottom-right padding-10">
    								<a href="javascript:void(0);" class="btn txt-color-white bg-color-teal btn-sm"><i class="fa fa-check"></i> 粉丝</a>&nbsp; <a href="javascript:void(0);" class="btn txt-color-white bg-color-pinkDark btn-sm"><i class="fa fa-link"></i> 联系人</a>
							
</div>
							<div class="air air-top-left padding-10">
    								<h4 class="txt-color-white font-md">2014-07-01</h4>
							
</div>
							<ol class="carousel-indicators">
    								<li data-target="#carousel" data-slide-to="0" class="active"></li>
								<li data-target="#carousel" data-slide-to="1" class=""></li>
								<li data-target="#carousel" data-slide-to="2" class=""></li>
							
</ol>
							<div class="carousel-inner">
    								<div class="item active">
    									<img src="img/demo/s1.jpg" alt="">
								
</div>
								<div class="item ">
    									<img src="img/demo/s2.jpg" alt="">
								
</div>
								<div class="item ">
    									<img src="img/demo/s3.jpg" alt="">
								
</div>
							
</div>
						
</div>
					</div> 
					
					<div class="col-sm-12"> 
						<div class="row">  
							<div class="col-sm-3 profile-pic">
								<img src="img/avatars/sunny-big.png">
								<div class="padding-10"> 
									<h4 class="font-md"><strong>1,543</strong>
	<br>
	<small>粉丝</small>
</h4>
									<br>
									<h4 class="font-md"><strong>419</strong>
	<br>
	<small>联系人</small>
</h4>
								</div>
							</div>
							
							<div class="col-sm-6">
								<h1>
									<span class="semi-bold">悠悠然然</span>
									<br>
									<small> Tiny框架首席架构师</small>
								</h1>

								<ul class="list-unstyled">
										<li>
	<p class="text-muted">
												<i class="fa fa-phone"></i>
&nbsp;(<span class="txt-color-darken">+86</span>) <span class="txt-color-darken">0571-29688544</span>
									
	</p>
</li>
									 
									<li>
	<p class="text-muted">
												<i class="fa fa-envelope"></i>
&nbsp;<a href="mailto:simmons@smartadmin">luo_guo@icloud.com</a>
									
	</p>
</li>
									 
									<li>
	<p class="text-muted">
												<i class="fa fa-skype"></i>
&nbsp;<span class="txt-color-darken">QQ：113322667</span>
									
	</p>
</li>
									 
									<li>
	<p class="text-muted">
												<i class="fa fa-calendar"></i>
&nbsp;<span class="txt-color-darken"> <a href="javascript:void(0);" rel="tooltip" title="" data-placement="top" data-original-title="创建约会">下午5:30之后空闲</a></span>
									
	</p>
</li>
								
</ul> 
								
								<br> 
								<p class="font-md">
									<i>个人简介</i>
								</p>
								<p> 
									十多年软件领域的深入探索中积累了丰富的软件实践经验，并在此基础上构建了Tiny框架。
								</p>
								
								<br>
								<a href="javascript:void(0);" class="btn btn-default btn-xs"><i class="fa fa-envelope-o"></i>发送短消息</a>
								<br>
								<br> 
							</div>
							
							<div class="col-sm-3 ">
    								<h1><small>联系人</small></h1>
								<ul class="list-inline friends-list">
										<li><img src="img/avatars/1.png" alt="friend-1"></li>
									<li><img src="img/avatars/2.png" alt="friend-2"></li>
									<li><img src="img/avatars/3.png" alt="friend-3"></li>
									<li><img src="img/avatars/4.png" alt="friend-4"></li>
									<li><img src="img/avatars/5.png" alt="friend-5"></li>
									<li><img src="img/avatars/male.png" alt="friend-6"></li>
									<li><a href="javascript:void(0);">413 更多</a></li>
								
</ul> 
								
								<h1><small>最近访问者</small></h1>
								<ul class="list-inline friends-list">
										<li><img src="img/avatars/5.png" alt="friend-1"></li>
									<li><img src="img/avatars/1.png" alt="friend-2"></li>
									<li><img src="img/avatars/3.png" alt="friend-3"></li>
								
</ul> 
							
</div>
						</div> 
					</div> 
				</div> 
				
				<div class="row"> 
					<div class="col-sm-12"> 
						<hr> 
						<div class="padding-10"> 
							<ul id="" class="nav nav-tabs tabs-pull-right">
								<li class="active">
    <a href="##a1" data-toggle="tab">
		最新文章
	</a>
</li>
								<li>
    <a href="##a2" data-toggle="tab">
		新成员
	</a>
</li>
								<li class="pull-left "> 
    									<span class="margin-top-10 display-inline"><i class="fa fa-rss text-success"></i>
 活动</span>
								 
</li>
							
</ul>

							<div  id="" class="tab-content padding-top-10">
								<div class="tab-pane fade in active " id="a1">
									<div class="row ">
    										<div class="col-xs-2 col-sm-1">
	<time datetime="2014-09-20" class="icon">
		<strong>7月</strong>
		<span>10</span>
	</time>
</div>
										<div class="col-xs-10 col-sm-11">
	<h6 class="no-margin"><a href="javascript:void(0);">TinyTemplate性能优化</a></h6>
												<p>
												在做TinyTemplate的过程中，避免不了要进行性能优化，在群里与同学们讲，结果许多同学都没有接触过这项业务，因此就开一贴子简单介绍一下，希望对感兴趣的同学们有帮助。
											</p>
										
</div>
										<div class="col-sm-12 ">
    <hr>
</div>

										<div class="col-xs-2 col-sm-1">
	<time datetime="2014-09-20" class="icon">
		<strong>7月</strong>
		<span>10</span>
	</time>
</div>
										<div class="col-xs-10 col-sm-11">
	<h6 class="no-margin"><a href="javascript:void(0);">单元测试用例对tiny的作用</a></h6>
												<p>
												有一个同学，问我一个问题：加入Tiny是否必须从写单元测试用例和文档作起？ 此问题引发我诸多感触，故形成乱弹一篇。 作为一个新加入者，多看、少说，是正点。而这个时候，写写测试用例、文档，就是个不错的选择。
											</p>
										
</div>
										<div class="col-sm-12 ">
    <br>
</div>
									
</div>
								
</div>
 <!-- tabContentItemActive -->  
								
																<div class="tab-pane fade" id="a2">
    									<div class="alert alert-info fade in">
    										<button class="close" data-dismiss="alert">×</button>
										<i class="fa fa-fw fa-info"></i>
										今天加入<strong>51个新成员</strong>!
									
</div>

																		<div class="user" title="email@company.com">
	<img src="img/avatars/1.png"><a href="javascript:void(0);">Jenn Wilson</a>
	<div class="email">
		travis@company.com
	</div>
</div>
									<div class="user" title="email@company.com">
	<img src="img/avatars/2.png"><a href="javascript:void(0);">Marshall Hitt</a>
	<div class="email">
		marshall@company.com
	</div>
</div>
									<div class="user" title="email@company.com">
	<img src="img/avatars/3.png"><a href="javascript:void(0);">Joe Cadena</a>
	<div class="email">
		joe@company.com
	</div>
</div>
									<div class="user" title="email@company.com">
	<img src="img/avatars/4.png"><a href="javascript:void(0);">Mike McBride</a>
	<div class="email">
		mike@company.com
	</div>
</div>
									<div class="user" title="email@company.com">
	<img src="img/avatars/5.png"><a href="javascript:void(0);">Travis Wilson</a>
	<div class="email">
		travis@company.com
	</div>
</div>
									<div class="user" title="email@company.com">
	<img src="img/avatars/3.png"><a href="javascript:void(0);">Marshall Hitt</a>
	<div class="email">
		marshall@company.com
	</div>
</div>
									<div class="user" title="email@company.com">
	<img src="img/avatars/3.png"><a href="javascript:void(0);">Marshall Hitt</a>
	<div class="email">
		marshall@company.com
	</div>
</div>
									<div class="user" title="email@company.com">
	<img src="img/avatars/5.png"><a href="javascript:void(0);">Mike McBride</a>
	<div class="email">
		mike@company.com
	</div>
</div>
									<div class="user" title="email@company.com">
	<img src="img/avatars/2.png"><a href="javascript:void(0);">Marshall Hitt</a>
	<div class="email">
		marshall@company.com
	</div>
</div>
									<div class="user" title="email@company.com">
	<img src="img/avatars/5.png"><a href="javascript:void(0);">Joe Cadena</a>
	<div class="email">
		joe@company.com
	</div>
</div>
									<div class="user" title="email@company.com">
	<img src="img/avatars/4.png"><a href="javascript:void(0);"> Mike McBride</a>
	<div class="email">
		mike@company.com
	</div>
</div>

																		<div class="text-center ">
											<ul class="pagination pagination-sm">
												<li  class="disabled">
	<a href="javascript:void(0);">前一页</a>
</li>
											<li  class="active">
	<a href="javascript:void(0);">1</a>
</li>
											<li  class="pagination-sm">
	<a href="javascript:void(0);">2</a>
</li>
											<li  class="pagination-sm">
	<a href="javascript:void(0);">3</a>
</li>
											<li  class="pagination-sm">
	<a href="javascript:void(0);">...</a>
</li>
											<li  class="pagination-sm">
	<a href="javascript:void(0);">99</a>
</li>
											<li  class="pagination-sm">
	<a href="javascript:void(0);">下一页</a>
</li>
										
</ul>
									
</div>
								
</div>
 <!-- tabContentItem -->  
							
</div>
						</div> 
					</div> 
				</div> <!-- end row -->  
			</div> 
		</div>
		
		<div class="col-sm-12 col-md-12 col-lg-6"> 
			<form method="post" class="well padding-bottom-10" onsubmit="return false;">
				<textarea rows="2" class="form-control" placeholder="你在思考什么呢?"></textarea>
				<div class="margin-top-10">
					<button type="submit" class="btn btn-sm btn-primary pull-right">
						发表
					</button>
					<a href="javascript:void(0);" class="btn btn-link profile-link-btn" rel="tooltip" data-placement="bottom" title="Add Location"><i class="fa fa-location-arrow"></i></a>
					<a href="javascript:void(0);" class="btn btn-link profile-link-btn" rel="tooltip" data-placement="bottom" title="Add Voice"><i class="fa fa-microphone"></i></a>
					<a href="javascript:void(0);" class="btn btn-link profile-link-btn" rel="tooltip" data-placement="bottom" title="Add Photo"><i class="fa fa-camera"></i></a>
					<a href="javascript:void(0);" class="btn btn-link profile-link-btn" rel="tooltip" data-placement="bottom" title="Add File"><i class="fa fa-file"></i>a>
				</div>
			</form>

			<span class="timeline-seperator text-center"> 	
					<span>2013-06-01 22:30</span>
				<div class="btn-group pull-right">
	<a href="javascript:void(0);" data-toggle="dropdown" class="btn btn-default btn-xs dropdown-toggle">
		<span class="caret single"></span>
	</a>
	<ul class="dropdown-menu text-left">	
							<li>
	<a href="javascript:void(0);">隐藏该帖</a>
</li>
					<li>
	<a href="javascript:void(0);">隐藏该用户发表的文章</a>
</li>
					<li>
	<a href="javascript:void(0);">标记为垃圾文章</a>
</li>
				
	</ul>
</div>
			
</span>
			
			<div class="chat-body no-padding profile-message">
	<ul>
						<li class="message "> 
						<img src="img/avatars/sunny.png" class="online">
					<span class="message-text"> 
							<a href="javascript:void(0);" class="username">
							悠悠然然 
							<small class="text-muted pull-right ultra-light"> 两分钟前 </small>
						</a> 
						我的目标是打造OSChina中最强开源团队，这个目标是不是太小了？
					
</span>
					<ul class="list-inline font-xs">
							<li>
	<a href="javascript:void(0);" class="text-info">
		 <i class="fa fa-reply"></i> 回复
	</a>
</li>
						<li>
	<a href="javascript:void(0);" class="text-danger">
		 <i class="fa fa-thumbs-up"></i> 喜欢
	</a>
</li>
						<li>
	<a href="javascript:void(0);" class="text-muted">
		 显示所有评论(14)
	</a>
</li>
						<li>
	<a href="javascript:void(0);" class="text-primary">
		 编辑
	</a>
</li>
						<li>
	<a href="javascript:void(0);" class="text-danger">
		 删除
	</a>
</li>
					
</ul>
				
</li>
				
				<li class="message message-reply"> 
						<img src="img/avatars/3.png" class="online">
					<span class="message-text"> 
							<a href="javascript:void(0);" class="username">Serman Syla</a> 
						赞一个！
						<i class="fa fa-smile-o txt-color-orange"></i> 
					
</span>
					<ul class="list-inline font-xs">
							<li>
	<a href="javascript:void(0);" class="text-muted">
		一分钟前 
	</a>
</li>
						<li>
	<a href="javascript:void(0);" class="text-danger">
		 <i class="fa fa-thumbs-up"></i> 喜欢
	</a>
</li>
					
</ul>
				
</li>
				
				<li class="message message-reply"> 
						<img src="img/avatars/4.png" class="online">
					<span class="message-text"> 
							<a href="javascript:void(0);" class="username">Sadi Orlaf </a> 
						赞一个！
						<i class="fa fa-smile-o txt-color-orange"></i> 
					
</span>
					<ul class="list-inline font-xs">
							<li>
	<a href="javascript:void(0);" class="text-muted">
		一刻钟前 
	</a>
</li>
						<li>
	<a href="javascript:void(0);" class="text-danger">
		 <i class="fa fa-thumbs-up"></i> 喜欢
	</a>
</li>
					
</ul>
					<input class="form-control input-xs" placeholder="输入内容，并回车" type="text">
				
</li>
			
	</ul>
</div>

			<span class="timeline-seperator text-center"> 	
					<span>2013-11-27 23:30</span>
				<div class="btn-group pull-right">
	<a href="javascript:void(0);" data-toggle="dropdown" class="btn btn-default btn-xs dropdown-toggle">
		<span class="caret single"></span>
	</a>
	<ul class="dropdown-menu text-left">	
							<li>
	<a href="javascript:void(0);" class="text-muted">
		Hide this post
	</a>
</li>
					<li>
	<a href="javascript:void(0);" class="text-muted">
		Hide future posts from this user
	</a>
</li>
					<li>
	<a href="javascript:void(0);" class="text-muted">
		Mark as spam
	</a>
</li>
				
	</ul>
</div>
			
</span>
			
			<div class="chat-body no-padding profile-message">
	<ul>
						<li class="message "> 
						<img src="img/avatars/1.png" class="online">
					<span class="message-text"> 
							<a href="javascript:void(0);" class="username">
							悠悠然然 
							<small class="text-muted pull-right ultra-light"> 两分钟前 </small>
						</a> 
						说到模板开发，当然就离不开要调试，要运行。 由于一般情况下模板语言都是由Java程序驱动跑的，因此，每次都需要搞一个Java类来驱动它，才能运行出结果。这个对于悠然来讲，是不可忍受的。
					
</span>
					<ul class="list-inline font-xs">
							<li>
	<a href="javascript:void(0);" class="text-info">
		 <i class="fa fa-reply"></i> 回复
	</a>
</li>
						<li>
	<a href="javascript:void(0);" class="text-danger">
		 <i class="fa fa-thumbs-up"></i> 喜欢
	</a>
</li>
						<li>
	<a href="javascript:void(0);" class="text-muted">
		 显示所有评论(14)
	</a>
</li>
						<li>
	<a href="javascript:void(0);" class="text-primary">
		 隐藏
	</a>
</li>
					
</ul>
				
</li>
				
				<li class="message message-reply"> 
						<img src="img/avatars/3.png" class="online">
					<span class="message-text"> 
							<a href="javascript:void(0);" class="username">Serman Syla</a> 
						赞一个！ <i class="fa fa-smile-o txt-color-orange"></i> 
					
</span>
					<ul class="list-inline font-xs">
							<li>
	<a href="javascript:void(0);" class="text-muted">
		一分钟前 
	</a>
</li>
						<li>
	<a href="javascript:void(0);" class="text-danger">
		 <i class="fa fa-thumbs-up"></i> 喜欢
	</a>
</li>
					
</ul>
				
</li>
				
				<li class="message message-reply"> 
						<img src="img/avatars/4.png" class="online">
					<span class="message-text"> 
							<a href="javascript:void(0);" class="username">Sadi Orlaf </a> 
						赞一个！ <i class="fa fa-smile-o txt-color-orange"></i> 
					
</span>
					<ul class="list-inline font-xs">
							<li>
	<a href="javascript:void(0);" class="text-muted">
		一刻钟前 
	</a>
</li>
						<li>
	<a href="javascript:void(0);" class="text-danger">
		 <i class="fa fa-thumbs-up"></i> 喜欢
	</a>
</li>
					
</ul>
				
</li>
				
				<li class="message message-reply"> 
						<img src="img/avatars/4.png" class="online">
					<span class="message-text"> 
							<a href="javascript:void(0);" class="username">Sadi Orlaf </a> 
						赞一个！<i class="fa fa-smile-o txt-color-orange"></i> 
					
</span>
					<ul class="list-inline font-xs">
							<li>
	<a href="javascript:void(0);" class="text-muted">
		一刻钟前 
	</a>
</li>
						<li>
	<a href="javascript:void(0);" class="text-danger">
		 <i class="fa fa-thumbs-up"></i> 喜欢
	</a>
</li>
					
</ul>
				
</li>
				
				<li>
					<div class="input-group wall-comment-reply">
						<input id="btn-input" type="text" class="form-control" placeholder="在这里输入你的消息...">
						<span class="input-group-btn">
							<button class="btn btn-primary" id="btn-chat">
								<i class="fa fa-reply"></i> 回复
							</button> 
						</span>
					</div>
				</li> 
			
	</ul>
</div>
		</div>
	</div> 
</div>


</div>

</div>

<!-- end row -->

</section>
<!-- end widget grid -->


<script type="text/javascript">
	/* DO NOT REMOVE : GLOBAL FUNCTIONS!
	 *
	 * pageSetUp(); WILL CALL THE FOLLOWING FUNCTIONS
	 *
	 * // activate tooltips
	 * $("[rel=tooltip]").tooltip();
	 *
	 * // activate popovers
	 * $("[rel=popover]").popover();
	 *
	 * // activate popovers with hover states
	 * $("[rel=popover-hover]").popover({ trigger: "hover" });
	 *
	 * // activate inline charts
	 * runAllCharts();
	 *
	 * // setup widgets
	 * setup_widgets_desktop();
	 *
	 * // run form elements
	 * runAllForms();
	 *
	 ********************************
	 *
	 * pageSetUp() is needed whenever you load a page.
	 * It initializes and checks for all basic elements of the page
	 * and makes rendering easier.
	 *
	 */

	pageSetUp();
	
	/*
	 * ALL PAGE RELATED SCRIPTS CAN GO BELOW HERE
	 * eg alert("my home function");
	 * 
	 * var pagefunction = function() {
	 *   ...
	 * }
	 * loadScript("js/plugin/_PLUGIN_NAME_.js", pagefunction);
	 * 
	 * TO LOAD A SCRIPT:
	 * var pagefunction = function (){ 
	 *  loadScript(".../plugin.js", run_after_loaded);	
	 * }
	 * 
	 * OR
	 * 
	 * loadScript(".../plugin.js", run_after_loaded);
	 */

	// PAGE RELATED SCRIPTS

	// pagefunction
	
	var pagefunction = function() {
		
	};
	
	// end pagefunction
	
	// run pagefunction on load

	pagefunction();

</script>